import Wrapper from './style'
import {QRCode} from "antd";
import React from "react";

const QRLogin = () => {
    const [text, /*setText*/] = React.useState('https://ant.design/');
    const codeStyle = {
        display: 'block',
        margin: '0 auto',
        width: '300px',
        height: 'fit-content',
        borderRadius: '5px',
    }
    return (
        <Wrapper>
            <QRCode style={codeStyle} value={text || '-'} bordered={false}/>
            <p>二维码两分钟后失效</p>
            <div className='auto-login'>
                <label>
                    <input type="checkbox"/>
                    <span>下次自动登录</span>
                </label>
            </div>
        </Wrapper>
    );
}
export default QRLogin;